<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>声明式渲染</title>
    <!-- 1.引入本地资源-->
    <script src="../js/vue-dev.js"></script>
    <!-- 2.引入外部资源-->
    <!--<script src="https://unpkg.com/vue"></script>-->
</head>

<body>
    <div id="app">
        显示的数据为：qwe
       {{message}}
    </div>

    <script>
//      1、此app对象可在浏览器的console中调试，例如app.message
//      2、可以通过app.message='文本改变'修改其显示的内容
        var app = new Vue({
            el:'#app',
            data:{
                message:'Hello Vue'
            }
        });
    </script>

</body>

</html>
